<template>
      <div class="nav">
      <el-menu
 
        class="el-menu-demo"
        mode="horizontal"
    
        :router="true"
      >
        <el-menu-item index="/">正著首页</el-menu-item>
        <el-menu-item index="/pcba">PCBA加工</el-menu-item>
        <el-menu-item index="/smt">SMT加工</el-menu-item>
        
        <el-submenu index="2" class="c1">
           <template  slot="title">PCB线路板</template>
           <el-menu-item index="/pcb">产品展示</el-menu-item>
           <el-menu-item index="/pcbNewOrder">在线下单</el-menu-item>
        </el-submenu>
        
        <el-menu-item index="/quality">品质保障</el-menu-item>
        <el-menu-item index="/information">资讯中心</el-menu-item>
        <el-menu-item index="/walk">走进正著</el-menu-item>
        <el-menu-item index="/contact">联系正著</el-menu-item>
      </el-menu>
    </div>

</template>

<script >
export default {
    data() {
    return {
  
    };
  }
}
</script>

<style scoped>
.el-menu {
  background-color: #409eff;
  border-bottom: solid 0px;
}
.nav {
  background-color: #409eff;
}
.el-menu-demo {
  text-align: center;
}


a {
  text-decoration: none;
}

.el-menu-item {
  width: 121.69px;
  padding: 0px;
  color: #fff;
}

.el-menu {
  margin: 0px auto 0px;
  width: 1200px;
}

.c1 >>> .el-submenu__title{color: #fff;}


</style>